<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- <div id="app">
        <p>{{msg}}</p>
        <p v-text='ss'></p>
        <p v-html='aa'></p>
        <p v-bind:title='bb'>切克闹</p>
        <p>{{num+1}}</p>
        <img v-bind:src="mysrc" alt="">
    </div> -->
    <!-- <div id="app">
        <div>用户：<input type="text" name="username" id="username" v-model='username'>{{username}}</div>
        <div>密码：<input type="password" name="pwd" id="pwd" v-model='pwd'>{{pwd}}</div>
        <div>性别：<input type="radio" name="xb" id="xb" v-model='xb' value="1">男
            <input type="radio" name="xb" id="xb" v-model='xb' value="0">女
            {{xb}}
        </div>
        <div>爱好: <input type="checkbox" name="ai" id="ai" v-model='ai' value="篮球">篮球
                    <input type="checkbox" name="ai" id="ai" v-model='ai' value="足球">足球
                    <input type="checkbox" name="ai" id="ai" v-model='ai' value="游泳">游泳
                    {{ai}}
        </div>
        <div>
            城市: <select name="city" id="city" v-model='city'>
                    <option v-for='(item,index) in citylist' v-bind:value="item.value">{{item.value}}</option>
            </select>
        </div>
    </div> -->
    <div id="app">
        1.绑定变量
        <div v-bind:id="msg"></div>
        2.number类型
        <p v-bind:title="num"></p>
        3.布尔
        <input type="checkbox" v-bind:checked="type" />
        4.缩写
        <a :href="url">百度</a>

    </div>
    <script src="./js/vue.js"></script>
    <script>
         var app = new Vue({
            el: "#app",
            data: {
                msg: "hello",
                num: 1,
                type: true,
                url: "http://www.baidu.com"
            }
        })
    //    var app=new Vue({
    //        el:'#app',
    //        data:{
    //            msg:'helwwwwwwwwa',
    //            ss:'哈哈哈',
    //            aa:"<h2>在吗？</h2>",
    //            bb:'啦啦啦',
    //            num:9,
    //            mysrc:'https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=2112441142,4013062056&fm=26&gp=0.jpg'
    //        }
    //    })
        // var app=new Vue({
        //     el:'#app',
        //     data:{
        //         username:'',
        //         pwd:'',
        //         xb:'',
        //         ai:[],
        //         citylist:[{"name":'广州',"value":'广州'},
        //                 {"name":'武汉',"value":"武汉"},
        //                 {"name":'深圳',"value":'深圳'}
        //             ]

        //     }
        // })

        
    </script>
</body>
</html>